.login
  height 100%
  min-height 768px
  width 100%
  position fixed
  top 0
  left 0
  background #43aeef
  display flex
  flex-direction column
  .mn
    width 1100px
    margin 0 auto
  .hd,
  .ft
    height 80px
    background-color #ffffff
    color #999999
    font-size 14px;
    .mn
      align-items center
      display flex
      height 100%
  .ft
    .mn
      justify-content center
  .bd
    flex 1
    position relative
    background url("../images/login-bg.png") 50% 50% no-repeat
    background-size cover
  .from-warpper
    position absolute
    top 50%
    left 50%
    width 400px
    height 430px
    background-color #ffffff
    border-radius 5px
    box-shadow 4px 4px 6px 0 rgba(0, 0, 0, 0.71)
    overflow hidden
    margin -250px 0 0 140px
    .tit
      font-size 24px
      color #0896D8
      font-weight 400
      font-family 'Arial Normal', 'Arial'
      padding 0 34px
      margin-top 51px
      line-height 28px
      height 28px
    .loginForm
      position relative;
      margin-left 0
      padding 32px 34px 0

    .btn-submit
      display block
      width 100%
      background-color #0896d8
      border none
      color #fff !important
      height 54px
      font-size 18px
      font-weight bold
      box-shadow 4px 4px 6px 0 rgba(0, 0, 0, 0.71)
    .icon-users,
    .icon-lock
      display block
      width 25px
      height 100%
      background 50% 50% no-repeat
    .icon-users
      background-image url("../images/icon-user.png")
    .icon-lock
      background-image url("../images/icon-lock.png")
    .el-form-item
      margin-bottom 0
      &:last-child
        margin-top 90px
    .kalix-form-item
      & + .kalix-form-item
        margin-top 28px
      .el-input__inner
        height 50px
        border-color #cccccc !important
        font-size 14px
        padding 0 50px
      .el-input__prefix
        left 20px
      &.is-success
        .el-input__inner
          border-color #d8dce5 !important
      &.is-error
        .el-input__inner
          border-color #cccccc !important
        .el-form-item__error
          padding 0 0 0 22px
          line-height: 32px;
          background url("../images/icon-warning.png") 0 50% no-repeat
          color: #fe00000
    .error-message
      background url("../images/icon-warning.png") 0 50% no-repeat
      position absolute
      top 186px
      left 0
      line-height 18px
      color #fe0000
      font-size 14px
      padding-left: 24px;
      margin 0 34px
